<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中软</title>
	<link rel="stylesheet" href="Alipay.css">
</head>
<body>
	<header>
		<div class="wrapper">
			<span class="fl s1">国内领先的微信公众平台解决方案</span>
			<ul>
				<li><a href="">服务窗平台</a></li>
				<li><a href="">微信开发平台</a>|</li>
				<li><a href="">代理商登录</a>|</li>
				<li id="tel">咨询电话：<span style="color: #4cbf48">111111111</span></li>
			</ul>
		</div>
	</header>

	<nav>
		<div class="wrapper">
			<img src="logo.png" alt="img" id="logo">
			<div class="imgsty">
				<ul>
					<li><a href=""><img src="contact.png" alt="img">联系我们</a></li>

					<li><a href=""><img src="dt.png" alt="img">公司动态</a></li>
					<li><a href=""><img src="hz.png" alt="img">案例展示</a></li>
					<li><a href=""><img src="product.png" alt="img">产品中心</a></li>
					<li><a href=""><img src="about.png" alt="img">关于中软</a></li>
					<li><a href=""><img src="home_blue.png" alt="img">首页</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<main>
		<div class="clearfloat">
			<img src="Banner.png" alt="img">
		</div>
		<div class="wrapper tip">
			<img src="lb.png" alt="img">新闻动态：2014-08-05 中软将召开新产品发布会
		</div>

		<div class="wrapper clearfloat margintop">
			<span class="fl">他们都在用中软</span>
			<img src="pinpai.png" alt="img">
		</div>

		<div class="wrapper clearfloat margintop">
			<div class="divsty">
				<img src="zfb.png" alt="img" class="imgsty1">
				<img src="productsicon.png" alt="img">
				<h2 class="h2sty">支付宝服务窗</h2>
				<p>开放平台的重生</p>
				<p>最好的落地方案，最高的客户转化</p>
				<p>最多的交易量</p>
			</div>
			<div class="divsty">
				<img src="wifi.png" alt="img" class="imgsty1">
				<img src="productsicon.png" alt="img">
				<h2 class="h2sty">wifi微路由</h2>
				<p>加粉神器</p>
				<p>轻松让过客成为您的微信粉丝根据</p>
				<p>目标客户，轻松实现精准营销</p>
			</div>

			<div class="divsty">
				<img src="wdy.png" alt="img" class="imgsty1">
				<img src="productsicon.png" alt="img">
				<h2 class="h2sty">wifi微路由</h2>
				<p>加粉神器</p>
				<p>轻松让过客成为您的微信粉丝根据</p>
				<p>目标客户，轻松实现精准营销</p>				
			</div>
			<div class="divsty">
				<img src="wx.png" alt="img" class="imgsty1">
				<img src="productsicon.png" alt="img">
				<h2 class="h2sty">wifi微路由</h2>
				<p>加粉神器</p>
				<p>轻松让过客成为您的微信粉丝根据</p>
				<p>目标客户，轻松实现精准营销</p>				
			</div>
		</div>

		<div id="background">
			<div>
				<h1>经典案例设计</h1>
				<img src="01.png" alt="img">
				<img src="02.png" alt="img">
				<img src="03.png" alt="img">
				<img src="04.png" alt="img">
				<img src="05.png" alt="img">
			</div>
		</div>
	</main>

	<footer>
		<div class="footer1">
			<div class="clearfloat">
				<ul>
					<li><a href="">中软首页 |</a></li>
					<li><a href="">关于中软 |</a></li>
					<li><a href="">案例中心 |</a></li>
					<li><a href="">代理商登录 |</a></li>
					<li><a href="">微信开发平台 |</a></li>
					<li><a href="">服务窗平台</a></li>
				</ul>
			</div>
			<p>免费热线：21323232421 邮箱：asdd231232</p>
			<p>地址：时代的擦拭阿萨德</p>
		</div>
		<section>
			<p >Copy@ssssdfwer44r3fccfdscx</p>
		</section>
	</footer>
</body>
</html>